@charset "utf-8";



/* CSS Document */



/**



Time : 2017-2



Author : jj



**/



/* Generated by wjdhcms 3.0 */



.gaoliang{ color:#ca1c08;}



@charset "utf-8";







/*-----------CSS Reset-----------*/



/**/











::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}







::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







* {



    padding: 0; box-sizing:border-box;



    margin: 0;



}







body {



    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;



}







:focus {



    outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



    display: block;



}







a {



    margin: 0;



    padding: 0;



    border: 0;



    font-size: 100%;



    vertical-align: baseline;



    background: transparent;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}











li,



ul {



    list-style-type: none;



}







img {



    border: none;



}







a {



    color: #333;



    text-decoration: none;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







input,



textarea {



    outline: 0;



    border: 0;



}







textarea {



    resize: none;



}







h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}







ul, li {



    list-style: none;



    margin: 0;



    padding: 0;



}



.fl {



    float: left;



}



.fr {



    float: right;



}



.m{



    width: 1180px;



    margin: 0 auto;



}



h5{ display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



h5 a{ display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.clear{ clear:both;}



.line_top{ width:100%; height:1px; background:#f2f2f2; margin-bottom:1px;}



.line_bottom{ width:100%; height:1px; background:#f2f2f2; margin-top:1px;}







/************************公用样式结束**********************************/











.bn-box {



    width: 100%;



    overflow-x: hidden;



    position: relative;



    z-index: 0;



}



.banner {



    width: 1920px;



    height: 502px;



    position: relative;



    overflow: hidden;



    margin-left: 50%;



    left: -960px;



    top: 0;



}



.banner img{



    width: 100%;



}



/*数字按钮样式*/



.banner .num {



    overflow: hidden;



    height: 25px;



    position: absolute;



    bottom: 12px;



    zoom: 1;



    z-index: 3;



    left: 50%;



    -webkit-transform: translateX(-50%);



    -ms-transform: translateX(-50%);



    transform: translateX(-50%);



}



.banner .num li {



    width: 15px;



    height: 15px;



    line-height: 25px;



    text-align: center;



    font-weight: 400;



    font-family: "微软雅黑", Arial;



    color: #FFFFFF;



    background: #fff;



    margin-right: 10px;



    border-radius: 50%;



    cursor: pointer;



    float: left;



    font-size: 0;



}



.banner .num li.on {



    background: rgba(255,255,255,0.7);



} /*当前项*/



/*上一个  下一个*/



.banner .prev, .banner .next {



    display: none;



    width: 40px;



    height: 100px;



    background: url(../images/btn.png) no-repeat;



    position: absolute;



    top: 200px;



}



.banner .prev {



    left: 50%;



    margin-left: -635px;



}



.banner .next {



    right: 50%;



    margin-right: -635px;



    background-position: right



}



/*banner end*/



/*search*/



#search{ width:100%; height:36px; background:#eee; margin-bottom:1px; border:1px solid #d9d9d9;}



.search {



    width: 1180px;



    padding: 0;



    margin: 0 auto;



    position: relative;



}



.search_tt{ float:left;}



.search_left {



    width: 700px;



    line-height: 36px;



    float: left;



    color: #333;



}



.search_left a {



	color: #666;



	margin: 0 6px;



}



.search_right {



    margin-left:100px;



    float: right;



    margin-top: 10px;



    position: relative;



}



.searchbar {



	width: 205px;



	line-height: 19px;



	outline: none;



	padding-left: 20px;



	float: left; color:#848484;



	background: none; background:#fff; border:1px solid #d9d9d9;



}



.searchbtn {



    width: 39px;



    height: 21px;



    outline: none;



    background: url(../images/search.jpg) center no-repeat #c1c1c1;



    cursor: pointer;



    border: 0; float:left;



}



/*search end*/



/*coop*/



.tt{ text-align:center; margin:40px 0 23px; background:url(../images/tt_bg.jpg) center no-repeat; height:103px;padding-top: 20px;}



.tt a{ display:block; font-size:36px; display:block; width:508px; margin:0 auto; color:#1e5ec1; font-weight:600;}



.tt p{ font-size:18px;}











/*bn1*/



.bn1{ width:100%; height:194px; background:url(../images/banner1.jpg) center bottom no-repeat; padding-top:1px;}



.bn1 span{ font-size:18px; color:#fff; display:block;}



.bn1 .txt {



    margin-left: 983px;



    margin-top: 31px;



}



.bn1 p{ font-size:30px; color:#fff; font-family:"Times New Roman"; font-style:italic; font-weight:600; float:left; display:inline-block; display:block;}



.btn_hong{ width:119px; height:37px; line-height:37px; color:#fff; margin-right:14px; font-size:16px; border-radius:5px; border:1px solid #fff; text-align:center; display:block;  margin-top: 50px; }



.btn_lan{ width:119px; height:37px; line-height:37px; color:#fff; margin-right:14px; font-size:16px; border-radius:5px; background:#004aa6; text-align:center; display:block; float:left; }



.btn_bai{ width:119px; height:37px; line-height:37px; color:#003a83; font-size:16px; margin-right:14px; border-radius:5px; background:#fff; text-align:center; display:block; float:left;}



/*bn1 end*/







/*pro*/



.pro{ padding-top:20px; padding-bottom: 20px;}



.pro h2 { height: 114px; text-align:center; background:url(../images/pro_tt.jpg) center no-repeat;}



.pro h2 a{ font-size:24px; color:#fff; font-weight:600; width:100%; height:100%; display:block; text-align: left; padding-top: 20px; padding-left: 30px;}



.pro h2 p{ font-size:18px; color:#7ebfe8; font-weight:100; text-align:center;}



.pro .fl{ width:260px; background:url(../images/pro_l_bg.jpg); box-sizing:border-box;}



.fenlei{ height:750px;margin:0 auto; box-sizing:border-box; padding-top:25px; position:relative; border:5px solid #005dbe;}



.pro .fl ul{ display:block; width:235px; margin:0 auto;}



.pro .fl ul li{  width:235px; height:47px; background:url(../images/pro_li.jpg) center no-repeat; float:left; box-sizing:border-box; position:relative; margin:8px auto; border-bottom:1px dashed #ccc;}



.pro .fl ul li:hover{}



.pro .fl ul li:hover a{ color:#fff; background:#d33d2e;}



.pro .fl ul li:after{ content:url(../images/pro_li_b.jpg);}



.pro .fl ul li a{ font-size:15px; color:#333; line-height:33px; padding-left:10px; height:33px; display:block;}



.pro .fl ul li a:before{ content:url(../images/pro_ico.jpg); margin-right:8px;mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply;}



.pro .fr{ width:888px;height: 865px;overflow: hidden;}



.pro .fr h3{ height:44px; margin-bottom:20px; border-bottom:2px solid #e8e8e8;}



.pro .fr h3.hd ul li{ height:44px; color:#333; font-weight:600; float:left; margin-right:22px; text-align:center; line-height:44px; cursor:pointer; position:relative;}



.pro .fr h3.hd ul li.on a{ color:#d33d2e;}



.pro .fr .more_r{ float:right;}



.pro .fr .more_r a{ font-size:14px; color:#999; line-height:45px;}



.pro .fr .bd ul{ width:940px;}



.pro .fr .bd ul li{ width:285px; float:left; margin-right:17px; margin-bottom:6px;}



.pro .fr .bd ul li{}



.pro .fr .bd ul li .img{ width:285px; height:212px; background:#fff; box-sizing:border-box; }



.pro .fr .bd ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}



.pro .fr .bd ul li .img img{ width:100%; height:100%; transition:all ease 300ms;}



.pro .fr .bd ul li:hover .img img{ transform:scale(1.1,1.1);}



.pro .fr .bd ul li h5 a p{ width:184px; float:left; font-size:15px; color:#333; line-height:50px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px;}



.pro .fr .bd ul li a span{ display:block; float:right; width:81px; height:27px; background:#d33d2e; color:#fff; line-height:27px; text-align:center; border-radius:15px; margin-top:15px;}



.pro_tel{ width:239px; height:264px; margin:0 auto; background:url(../images/pro_l.jpg) center bottom no-repeat;  position: absolute; bottom: 0;}



.pro_tel:before{ content:url(../images/pro_tel.jpg);}



.pro_tel p{ color:#666; font-size:14px; position:absolute; top:0; left:63px;}



.pro_tel span{ display:block; color:#fb9504; font-size:24px;}



.pro_tel a{ display:block; width:83px; height:29px; background:#fb9504; color:#fff; line-height:29px; text-align:center; border-radius:15px; margin-left:140px; margin-top:20px;}



/*pro end*/



/*case*/



.case{ width:100%; padding-top: 1px; margin-bottom:30px;}



.case .hd{ width:240px; float:left;}



.case .hd ul li{ width:240px; height:62px; border:1px solid #ddd; margin-bottom:12px; position:relative;}



.case .hd ul li::before{ content:url(../images/case_icon.jpg); position:absolute; top:10px;    top: 18px;



    left: 30px;}



.case .hd ul li a{ font-size:16px; color:#333; padding-left:70px; margin-top:10px; display:block;}



.case .hd ul li a p{ color:#9a9a9a; font-size:12px; line-height:30px; text-transform:uppercase;}



.case .hd ul li.on{ background:#1d5dc0;}



.case .hd ul li.on a{ color:#fff;}



.case .hd ul li.on a p{ color:#fff;}



.case .hd ul li.on::before{ content:url(../images/case_hov.jpg); position:absolute; top:10px;top: 18px;



    left: 30px;}



.case .bd{ width:920px; float:right;height: 382px;overflow: hidden;}



.case .bd ul li {



    position: relative;



    width: 422px;



    height: 368px; margin-left:32px;



    overflow: hidden;



    margin-bottom: 15px; float:left;







}







.case .bd .img{ display:block;width: 422px; height: 368px;  overflow:hidden; transition:all ease 500ms; }



.case .bd .img img{ width: 422px; height: 368px;  transition:all ease 500ms; }



.case .bd h5 {



    background-color: rgba(0,0,0,.6);



    position: absolute;



    bottom: 0px;



    left: 0;



    width: 100%;height:37px;



}



.case .bd h5 a{ display:block; line-height:37px; color:#fff; font-size:15px;}



.case .bd ul li:hover>h5{bottom:0;}



.case .bd img:hover{transform:scale(1.1,1.1);}



/*case end*/



/*---------------------------------------------------------------------------------------*/







.ys_tt {



    width: 100%;



    text-align: center;



    padding-top: 67px;



}



.ys_tt p{ font-size:18px; margin-left:80px;}



/*ys*/



.ys{ width:100%; width:100%; height:1154px; background:url(../images/ys_bg.jpg) center no-repeat;}



.ys .m{ position:relative;}



.ys ul li { position:absolute; width:504px;}



.ys ul li h5{ font-size:24px; text-align:left; color:#0062b4; font-weight:600;margin-bottom:25px;}



.ys ul li>span{ font-size:18px; color:#333; text-transform:uppercase;  display:block;}



.ys ul li p{ font-size:13px; color:#666; line-height:26px;}



.ys ul li p span{ color:#ed3c01;}



.ys1 {



    top: 245px;



    left: 640px;



}



.ys2 {



    left: 640px;



    top: 471px;



}



.ys3 {



    top: 660px;



    left: 76px;



}



.ys4 {



    left: 76px;



    top: 880px;



}



/*ys end*/



/*bn2*/



.bn2{ width:100%; height:188px; background:url(../images/banner2.jpg) center bottom no-repeat; padding-top:1px;}



.bn2 .m{ position:relative;}



.bn2 .fl{ position:absolute; font-size:20px; line-height:36px; width:486px; color:#fff; left:122px; top:38px;}



.bn2 span{ font-size:18px; color:#fff; display:block;}



.bn2 .txt { margin-left: 761px; margin-top: 31px;}



.bn2 p{ font-size:30px; color:#fff; font-family:"Arial Narrow"; float:left; display:inline-block;}



.btn_lan{ width:119px; height:37px; line-height:37px; color:#fff; margin-right:14px; font-size:16px; border-radius:5px; background:#004aa6; text-align:center; display:block; float:left; }



.btn_bai{ width:119px; height:37px; line-height:37px; color:#003a83; font-size:16px; margin-right:14px; border-radius:5px; background:#fff; text-align:center; display:block; float:left;}



/*bn1 end*/



/*client*/



.client{height:560px; padding-top:1px;}



.client ul{ width:1300px;}



.client ul li{ width:273px; float:left; margin-right:29px;}



.client ul li .img{ width:170px; height:170px; border-radius:50%; overflow:hidden; box-sizing:border-box; border:5px solid #ddd; margin:0 auto; position:relative;}



.client ul li .img img{ width:100%; height:100%;}



.client ul li .txt{ width:273px; height:253px; margin-top:-90px; border:2px solid #fff; box-sizing:border-box; padding:10px; padding-top:90px;}



.client ul li h5 a{ font-size:16px; font-weight:600; line-height:55px; color:#333; }



.client ul li p{ font-size:13px; line-height:24px; color:#666; height:72px; overflow:hidden;}



.client ul li>a{ width:155px; height:37px; background:#45ad00; text-align:center; line-height:37px; display:block; color:#fff; font-size:15px; margin-top:20px;}



.client ul li .more{ width:100px; height:32px; background:#ed3c01; display:block; margin:0 auto; text-align:center; line-height:34px; margin-top:10px;}



.client ul li .more a{ color:#fff;}



.client ul li.on .txt{}



/*client end*/







/*about*/



#about {



	width: 100%;



	height: 600px;



	background: url(../images/about_bg.jpg) no-repeat;



}



.about {



	width: 1180px;



	height: 600px;



	padding: 0;



	margin: 0 auto;



}



.about_left {



	width: 490px;



	height: 600px;



	color: #fff;



	float: left;



}



.vedio {



	width: 461px;



	height: 317px;



	border: solid 10px #fff;



	margin-top: 75px;



}



.vedio img {



	width: 100%;



	height: 100%;



}



.about_left h3 b {



	font-size: 36px;



	line-height: 75px; text-transform:uppercase;



	color: #fff;



	margin-right: 20px;



	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;



}



.about_left h3 {



	width: 411px;



	height: 75px;



	border-bottom: 1px dashed #999;



	margin: 0 53px;



}



.about_left span {



	margin-left: 256px;



	line-height: 50px;



}



.about_right {



	width: 630px;



	height: 446px;



	float: right;



	color: #fff;



	margin-top: 105px;



}



.about_title {



	text-align: left;



	border-bottom: 1px dashed #999;



	margin: 0;



	padding-bottom: 26px;



	margin-bottom: 25px;



}



.about_title a h3 {



	color: #fff;



	line-height: 40px;



	font-size: 26px; font-weight:600;



}



.about_title a h3 small {



	color: #ffa019; font-size:16px;



	background: none; display:inline-block; margin-left:10px;



}



.about_title h5 {



	color: #fff; font-size:18px; text-align:left;



}



.about_right p {



    margin: 15px 0; color:#d2e0f5;



    width: 640px; line-height:25px; height:125px; margin-bottom:20px;



}



.about_right p::before {



	content: url(../images/p.jpg);



	position: relative;



	left:-10px;



	top: 20px;



}



.about_right ul li {



	width: 163px;



	height: 113px;



	border: #fff solid 3px;



	float: left;



	overflow: hidden;



	margin: 15px 10px;



}



.about_right ul li img{ width:100%;}



.about_right ul li:first-child {



	margin-left: 0;



}



/*about end*/











/*shebei*/



.shebei{ height:370px; background:url(../images/yinyin_bot.jpg) center bottom no-repeat; margin-top:20px;}



.shebei ul{ width:1200px;}



.shebei ul li{ float:left; margin-right:10px;}



.shebei ul li .img{ width:287px; height:204px; box-sizing:border-box; border:1px solid #ddd; padding:4px;}



.shebei ul li .img a{ width:100%; height:100%; overflow:hidden; display:block;}



.shebei ul li .img a img{width:100%; height:100%;transition:all ease 300ms; }



.shebei ul li .img:hover img{ transform:scale(1.1,1.1);}



.shebei ul li h5 a{ line-height:40px; font-size:15px;}







/*shebei end*/







/*txt*/



.txt{margin-top:48px; margin-bottom:35px; height:330px;}



.partner{width:342px;}



.prob{width:348px;padding-right:20px}



.partnerT{height:34px;background:#efefef; border-radius:4px; line-height:34px;}



.txt_more{font-size:14px;text-transform:uppercase;font-weight:normal;margin-right:14px; }



.txt_more:link,.txt_more:visited{color:#868585; }



.partner_t{font-size:16px;font-weight:bold;margin-left:20px;}



.partner_t:link,.partner_t:visited{color:#1058c6;}



.partner ul{margin-top:24px;margin-right:-20px;}



.partner ul li{float:left;margin-right:20px;margin-bottom:10px;}



.partner ul li a img{width:159px;height:79px;overflow:hidden;border:1px solid #d5d5d5;}



.prob ul {width: 320px;overflow: hidden;position: relative;height: 292px;}



.prob ul li {position: relative;width: 320px;line-height: 20px;overflow:hidden;margin-left:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;}



.prob ul li .wen{ width:320px; height:20px; overflow:hidden;margin-bottom:8px;}



.prob ul li .wen span{ width:19px; height:19px; display:inline-block; float:left; background:url(../images/q.jpg) no-repeat;}



.prob ul li .wen a{ width:295px; height:20px; line-height:20px; display:inline-block; float:right;font-size:14px;font-weight:bold; color:#333;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;margin-left:5px;}



.prob ul li .da{ width:320px;height:45px; overflow:hidden;}



.prob ul li .da span{ width:19px; height:19px;  display:block; background:url(../images/a.jpg) no-repeat ;float:left;  }



.prob ul li .da p{ width:295px;line-height:22px; float:right;color:#666;font-size:13px;margin-left:5px;}







.news{width:396px; height:334px; padding-left:20px;background:url(../images/news_bg.jpg) left top no-repeat;margin-right:15px}



.newsIn_in .hd{width:378px; line-height:34px; height:34px;background:#efefef; border-radius:4px; overflow:hidden; position:relative; padding-right:10px;  }



.newsIn_in .hd ul{ z-index:5; position:absolute; height:34px;  zoom:1; margin-left:20px;}



.newsIn_in .hd li{ float:left;  width:80px;height:34px; cursor:pointer; text-align:left; margin-right:5px; }



.newsIn_in .hd li h3{font-weight:normal;}



.newsIn_in .hd li h3 a{font-size:16px;color:#333;font-weight:bold;}



.newsIn_in .hd li.on{ }



.newsIn_in .hd li.on a{color:#1058c6;}



.newsIn_in .bd{padding-top:20px;}



.newsIn_in .bd p a{ color:#c00;  }



.newsIn_in .bd ul {padding-top:10px;}



.newsIn_in .bd ul li{width:378px;float:left;margin-right:25px;margin-bottom:10px;background:url(../images/list_bg.png) left 10px no-repeat;text-indent:10px;font-size:13px;border-bottom:1px dashed #dadada; padding-bottom:8px;}



.newsIn_in .bd ul li a font{width:280px;height:25px;display:inline-block;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;float:left; }



.newsIn_in .bd ul a:link{ color:#666;  }



.newsIn_in .bd ul a:hover{ color:#1058c6;  }



.newsF{}



.newsF_pic{width:160px; height:104px;padding:4px;border:1px solid #dedede;overflow:hidden;}



.newsF_pic img{width:100%; height:100%;}



.newsTxtIn{width:185px;margin-left:20px;float:left;}



.newsTxtIn a.newst{font-size:14px;font-weight:bold;color:#333;display:inline-block; height:20px;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width:200px;}



.newsTxtIn p{font-size:13px;color:#666; line-height:24px; height:72px;    overflow: hidden;}



.newsIn_in .bd p.date{background:url(../images/time_bg.jpg) left center no-repeat;color:#999;width:100px;height:15px;line-height:15px;text-indent:20px;margin-top:10px;}



.newsIn_in .bd ul a{ display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:285px;}



.newsIn_in span a{float:right;margin:0 10px 0 0;display:black;line-height:34px;text-transform:uppercase;color:#666;}







/*links*/







.links{ margin-top:40px; background:#f7f7f7;  padding-top:19px; border-top:6px solid #d8d8d8;}



.link_tt{ font-size:20px;  color:#003a83; line-height:64px; margin-right:40px; font-weight:600; float:left;}



.link_tt span{font-family:"Times New Roman";font-weight:100; margin-left:10px;line-height:69px;  color:#1a3d99;}



.links a {



    display: inline-block;



    padding: 0px 17px;



    color: #333;



    line-height: 69px;



}



.links a:hover {



	color: #666;



}



/*links end*/